<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <title>{{$detail->title}}</title>
        <meta name="description" content="集设网,优质的室内设计素材网站">
        <meta name="keywords" content="集设网,集设，室内设计，室内设计素材，3d模型,su模型">
		<link rel="stylesheet" href="{{ URL::asset('home/css/index.css') }}" />
		<link rel="stylesheet" href="{{ URL::asset('home/css/case.css') }}" />
         <link rel="stylesheet" href="http://at.alicdn.com/t/font_824000_4w1epzc0zyv.css">
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		<!-- 引入样式 -->
        <script src="https://cdn.jsdelivr.net/npm/vue"></script>
        <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
        <!-- 引入组件库 -->
        <script src="https://unpkg.com/element-ui/lib/index.js"></script>
	</head>
	<body>
		<!--<div class="headerBox">
			<header class="header wrap clearfix">
				<div class="fl logoBox"></div>
				<div class="fl searchBox">
					<div class="row">
					  <div class="col-lg-12">
					    <div class="input-group">
					      <div class="input-group-btn">
					        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
					        <ul class="dropdown-menu">
					          <li><a href="#">Action</a></li>
					          <li><a href="#">Another action</a></li>
					          <li><a href="#">Something else here</a></li>
					          <li role="separator" class="divider"></li>
					          <li><a href="#">Separated link</a></li>
					        </ul>
					      </div>
					      <input type="text" class="form-control" aria-label="...">
					    </div>
					  </div>
				</div>
				</div>
				<div class="fl">
					dfsfdadsfsa
				</div>
			</header>
		</div>-->
			
		<header class="header" id="headerBox">
            <div class="ceilBox">
                <div class="ceil wrap clearfix">
                   <!--  <div class="tzSlogan">
                        <span>集设网用户交流群 <a href="https://jq.qq.com/?_wv=1027&k=5bQRL7I" target="_blank">644602905</a></span>
                    </div> -->
                    <div class="jsLogo">
                        <a href="/"><span class="refIndex"></span></a>
                    </div>
                    <div class="headInfo">
				        <div class="tzSearch">
				                    <!-- <span>分类<i class="iconfont icon-xia"></i></span> -->
				                    <el-dropdown @command="handleCommand">
				                        <span class="el-dropdown-link" v-text="sortName">
				                            
				                        </span>
				                        <i class="iconfont icon-xia" style="font-size: 12px;margin-left: 5px;position:absolute;top:12px;left:63px"></i>
				                        <el-dropdown-menu slot="dropdown" style="padding:0;">
				                            <el-dropdown-item v-for="item in data" :key="item.type" :command="item" class="serachSort" v-text="item.name"></el-dropdown-item>
				                        </el-dropdown-menu>
				                    </el-dropdown>
				                    <input type="text" placeholder="请输入关键词或ID" v-model="serachText" @keydown.enter="searchBtn">
				                    <span @click="searchBtn" class="searchBtn">搜索</span>
				        </div>
				    </div>
                    <div class="headNav">
                        <ul class="navList">
                            <!--<li>
                                <router-link to="/uploadIndex" title="模型上传"><i class="uploadImg"></i> </router-link>
                                 <span @click="loginConfirm('uploadIndex')"><i class="iconfont icon-shangchuan1 uploadImg"></i> 素材上传</span> 
                            </li>-->
                            <!--<li>
                                <router-link to="/recharge" target="_blank" title="会员充值"> <i class="moneyCenter"></i></router-link>
                                 <span @click="loginConfirm('Recharge')"> <i class="iconfont icon-huiyuan moneyCenter"></i>充值中心</span> 
                            </li>-->
                            <!-- <li>
                                <router-link to="/aboutTz">关于我们</router-link>
                            </li> -->
                        </ul>
                        <div class="registeredLogin">
				            <button class="login" ><a href="{{url('?gojishe=login')}}">登录</a></button>
				            <button class="registerBtn"><a href="{{url('?gojishe=register')}}">注册</a></button>
				        </div>
                        
                    </div>
                </div>
                </div>
        </header>
        <div class="definitionBox">
        	
        <section class="wrap clearfix" style="position:relative">
            <p class="definitionTitle">
                <span class=""><a href="{{url($typenameroute['route'].'?type='.$type.'&catid1=0&catid2=0&style=0&id=0&keys=0&sort=0&vip=0&page=0')}}">{{$typenameroute['typename']}}</a></span>
                <i></i>
                <span class=""><a href="{{url($typenameroute['route'].'?type='.$type.'&catid1='.$detail->cat_id1.'&catid2=0&style=0&id=0&keys=0&sort=0&vip=0&page=0')}}">{{$detail->catid1->catname ?? ''}}</a></span>
                @empty($detail->cat_id2)
                @else
                    <i></i>
                    <span class=""><a href="{{url($typenameroute['route'].'?type='.$type.'&catid1='.$detail->cat_id1.'&catid2='.$detail->cat_id2.'&style=0&id=0&keys=0&sort=0&vip=0&page=0')}}">{{$detail->catid2->catname ?? ''}}</a></span>
                @endempty
                <i></i>
                <span>{{$detail->title}}</span>
            </p>    
            <div class="definitionContent">
                <header class="clearfix contentTitleBox"><div class="contentTitle"><p>{{$detail->title}}</p> <p class="contentTitleTime">【{{$detail->catid1->catname ?? ''}}】
                        <span>{{$detail->created_at->format('Y-m-d')}}</span></p></div></header>
                
                <div id="modeInfoDefinition" class="contentMsg">
                    {!! $detail->content !!}
                </div>
                
            </div>
            <div class="userRight">
                <div class="rightTop">
                    <p>{{$detail->title}}</p>
                     <p class="upTime"><span>发布时间：<i class="uploadIcon"></i>{{$detail->created_at->format('Y-m-d')}}</span></p>
                    <div class="minIconBox upTime clearfix"><span><i class="browseIcon"></i>
                            6 
                        </span> <span><i class="downloadNum"></i>
                            0
                    </span> <span><i class="collNum"></i>
                        0
                    </span> 
                  </div>
                </div>
                <div class="contentBtn" >
                    <button class="star" @click.prevent.stop="collection({e:$event,id:infoMsg.id,type:infoMsg.type})">
                        <!-- <i class="collNum msgColl" ></i>收藏 -->
                        <a href="{{url('?gojishe=login')}}" style="color: #f25954;"><i class="collBotton" :class="{'avtiveColl':isInArray(infoMsg.id)}"></i>
                        收藏</a>
                        </button>
                    <button class="down" @click="confirmDownload(infoMsg.id,infoMsg.title)"><a href="{{url('?gojishe=login')}}"><i class="downloadNum msgDown"></i>VIP一键下载</a></button>
                </div>
            </div>
             
        </section>
        </div>
        <div class="rimBox wrap" v-if="remInfo.length">
        <header>相关推荐</header>
        <ul class="rimListBox clearfix">
            @foreach($nearby as $data)
                <li class="rimList">
                    <a href="{{url('article/'.$type.'/'.$data->id.'/getInfo')}}" target="_blank">
                        <div class="rimImgBox">
                            <img src="{{$data->image}}"
                                 alt="">
                        </div>
                        <p class="clearfix rimInfoBox">
                            <span class="rimTitle">{{$data->title}}</span>
                            <span class="rimCollDown">
                        <a href="{{url('?gojishe=login')}}"><i class="rimColl" title="收藏"></i></a>
                        <a href="{{url('?gojishe=login')}}"><i class="rimDown" title="下载"></i></a>
	                    </span>
                        </p>
                    </a>
                </li>
            @endforeach
        </ul>
    </div>
    <footer class="tzFoot">
            <div class="footerInfo">
                <ul class="clearfix">
                    <li>
                        <router-link to="/aboutJs">关于我们</router-link>
                    </li>
                    <!-- <li>帮助中心</li> -->
                    <li><router-link to="/recharge" target="_blank">充值中心</router-link></li>
                    <!-- <li><router-link to="/downTools" target="_blank">软件下载</router-link></li> -->
                </ul>
                <p>QQ交流群：644602905</p>
                <p style="text-align:center;">经营性备案-京ICP备18055612号-1号 || 版权所有</p>
            </div>
        </footer>
	</body>
	<script src="{{ URL::asset('home/js/index.js') }}"></script>
	<script src="http://www.jishe.com/admin/js/jquery.lazyload.js"></script>
	<script>
        if({{$detail->type}}==1){
          $.ajax({//案例的具体信息
                type:"get",
                url:"https://app.tuozhe8.com/v2/Detail/details?version=2.0&id="+'{{$detail->url}}',
                success:function(data){
                    $(".contentMsg").html(data.data.content);
                    $("img.lazy").lazyload({effect: "fadeIn",skip_invisible:"true"});  
                    
                }   
            })
        };
        function positionWheel(){
            if($(window).scrollTop()>71){
              $(".userRight").css({
                "position":'fixed',
                "top":'71px',
                "right":$('.definitionContent').offset().left+'px'
              })
            }else{
              $(".userRight").css({
                "position":'absolute',
                "top":"54px",
                "right":"0px"
              })
            }
                var a = $(".rimListBox").offset().top;
                if (a >= $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
                     $(".userRight").css({
                        "position":'absolute',
                        "top":"54px",
                        "right":"0px"
                    })
                }
        }
        window.addEventListener('scroll',positionWheel)
        $('img.lazy').lazyload({effect: "fadeIn", skip_invisible: "true"});
	</script>
</html>
